<script setup>
import { RefreshIcon } from 'tdesign-icons-vue-next'
import { useRouter } from 'vue-router'
const router = useRouter()
</script>

<template>
  <t-space direction="vertical" class="space">
    <t-space>
      <p>使用微信扫一扫登录</p>
      <t-link theme="primary">
        <p style="margin: 0px 3px">刷新</p>
        <RefreshIcon />
      </t-link>
    </t-space>
    <t-image
      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
      :style="{ width: '284px', height: '160px' }"
      :overlay-content="renderMask"
    />
    <t-space style="margin: 5px 0">
      <t-link theme="primary" @click="router.push('/login/byPassword')">使用账号密码登录</t-link>
      <t-divider layout="vertical" />
      <t-link theme="primary" @click="router.push('/login/byAuthCode')">使用邮箱验证码登录</t-link>
    </t-space>
    <p style="color: rgb(126, 126, 126)">Copyright @ 2023 RadianceM K2-410. All Rights Reserved</p>
  </t-space>
</template>

<style scoped lang="scss">
@import '../../../style/common.scss';
.space {
  position: relative;
  @include cf;
  width: 85%;
  padding: 0;
  margin: 15px 0px;
}
</style>
